<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="/nfwt.ico" />
    <script src="https://unpkg.com/axios@1.4.0/dist/axios.min.js"></script>
    <link href="https://unpkg.com/element-plus@2.1.11/dist/index.css" rel="stylesheet"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title> nf-state 轻量级状态管理 的 demo </title>
  </head>
  <body>
    <script type="importmap">
      {
        "imports": {
          "vue": "https://unpkg.com/vue@3/dist/vue.esm-browser.js" 
        }
      }
    </script>
    <div id="app">
      vue3 CDN 的 加载JS组件 演示：<br>
      {{ message }}<br>
      person：{{person}}

    </div>

    <script  type="module">
      import { createApp, reactive } from 'vue'
      import  MyComponent from './b1-1.js'

      console.log(MyComponent)

      createApp(MyComponent).mount('#app')

    </script>
  </body>
</html>



